<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>忘记MyDaily</title>
		<style type="text/css">
			body {
				margin: 0px;
				padding: 0px;
				background: url(img/forget.jpeg) no-repeat;
				background-size: 100% 100%;
				background-attachment: fixed;
			}

			#forget {
				width: 500px;
				height: 550px;
				margin-top: 100px;
				margin-left: 35%;
				color: white;
				font-size: 25px;
			}

			.text {
				margin-left: 100px;
			}

			input {
				width: 200px;
				height: 30px;
				margin-top: 30px;
			}

			button {
				width: 100px;
				height: 30px;
				margin-top: 30px;
				margin-left: 80px;
			}

			#chong {
				border-radius: 15px;
				background-color: #FF5722;
				border: 0px;
				color: white;
			}

			#chong:hover {
				background-color: #1E9FFF;
				border: 0px;
			}

			#clea {
				border-radius: 15px;
				color: white;
				background-color: #3399CC;
				border: 0px;
			}

			#clea:hover {
				background-color: #FF9900;
			}
		</style>
	</head>
	<body>
		<div id="wrop">
			<fieldset id="forget">
				<legend>找回MyDaily</legend>
				<form action="ForgetServlet" method="post">
					<span class="text">昵&nbsp;&nbsp;&nbsp;称:</span>
					<input type="text" id="name" value="" name="name" placeholder="请输入你的用户昵称" required="required"/>
					<br>
					<span class="text">手&nbsp;&nbsp;&nbsp;机:</span>
					<input type="text" id="phone" value="" name="phone" placeholder="请输入你的手机号码"required="required"/>
					<br>
					<span style="font-size: 15px;margin-left: 180px;color: red;">
						<%
 							if (request.getAttribute("null") != null) {
 						%> 
 						<%=request.getAttribute("null")%> <%
 							}
 						%>
					</span><br>
					<span class="text">验证码:</span>
					<input type="text" id="yan" value="" placeholder="请输入验证码" style="margin-top: 20px;"/>
					<br>
					<span class="text">密&nbsp;&nbsp;&nbsp;码:</span>
					<input type="password" id="password" value="" name="password" placeholder="请输入新密码" required="required"/>
					<br>
					<span class="text">验&nbsp;&nbsp;&nbsp;证:</span>
					<input type="password" id="oonce" value="" name="oonce" placeholder="请再次输入新密码" required="required"/>
					<br>
					<span style="font-size: 15px;margin-left: 200px;color: red;">
						<%
 							if (request.getAttribute("erro") != null) {
 						%> 
 						<%=request.getAttribute("erro")%> <%
 							}
 						%>
					</span>
					<br>
					<input type="submit" id="chong" value="重置密码" style="width: 100px;margin-left: 100px;" />
					<button type="button" id="clea">清空</button>
					<br>
					<span style="font-size: 15px;margin-left: 190px;color: red;">
						<%
 							if (request.getAttribute("msg") != null) {
 						%> 
 						<%=request.getAttribute("msg")%> <%
 							}
 						%>
					</span>
				</form>
			</fieldset>
		</div>
	</body>
	<script type="text/javascript">
		var clear = document.getElementById("clea");
		clear.onclick=function(){
			document.getElementById("name").value="";
			document.getElementById("phone").value="";
			document.getElementById("yan").value="";
			document.getElementById("password").value="";
			document.getElementById("oonce").value="";
		}
	</script>
</html>